<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="css/order.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">

<script type="text/javascript" src="js/jquery.js"></script>

<title>未付款</title>
</head>

<body class="main f2f2f2">
    <header id="login-head" class="fenlei-head">
        <div class="head-left"><a href="javascript:;" onclick="history.back(-1)"><i></i></a></div>
        <div class="head-middle">订单详情</div>
        <div class="head-right"><a href="javascript:;"><i></i></a></div>
    </header>
<div class="fenlei-bg"></div>

<article>
	<div class="d_info_top">
    	<div class="d_info_bg weifu">
        	<dl>
                <dd class="ding_weifu">等待买家付款</dd>
                <dd class="">剩2天23小时自动关闭</dd>
            </dl>
        </div>
        <div class="d_info_info">
        	<h4>商家信息</h4>
            <div>
            	<p>联系QQ：45454545</p>
                <p>联系电话：45454545</p>
            </div>
        </div>
    </div>
        <div class="ding_art">
            <div class="ding_shop">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                    <!--<a href="" target="_blank"><i></i></a>-->
                </div>
            </div>
            <div class="ding_tit ding_padd">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="javascript:;"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="" target="_blank">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00</span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <!--<div class="ding_tuikuan"><a href="javascript:;">退款</a></div>-->
                        <div class="ding_pris">
                            <p><span class="fl">商品总额</span><span>￥<em class="mony">450</em>.00</span></p>
                            <p><span class="fl">优惠</span><span>-￥<em class="mony">30</em>.00</span></p>
                        </div>
                        <div class="ding_pri">
                            <p><span class="numLength"></span>实付款：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="lianxi">
                            <a><i class="iconfont seller icon-lianxikefulianxiqq"></i>联系卖家</a>
                            <a><i class="iconfont phone icon-lianxidianhua"></i>联系电话</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="bianhao bd-fff">
                <div class="copy fr " data-num="">复制</div>
                <p><span>订单编号：</span><span class="datanum">454545545455545</span></p>
                <p><span>交易编号：</span><span>454545545455545</span></p>
                <p><span>创建时间：</span><span>2020-20-12 15:45:12</span></p>
            </div>
        </div>
    
<div class="ding_bottom">
	<div class="ding_btn">
		<ul>
            <li class="queren"><a class="ding_fukuan" href="JavaScript:;">马上付款</a></li>
            <li class="quxiao"><a class="ding_quxiao" href="JavaScript:;">取消订单</a></li>
		</ul>
	</div>          
</div>
<div class="cop-box"></div>
</article>
    <script type="text/javascript" src="js/clipboard.min.js"></script>
<script>
    $(document).ready(function() {
        $('.copy').attr("data-num", $('.datanum').text())
        $('.copy').click(function () {
            $('.cop-box').html("复制成功").show(300).delay(3000).hide(300);
        });
        var clipboard = new Clipboard('.copy', {
            text: function (trigger) {
                return trigger.getAttribute('data-num');
            }
        });
    })
</script>
</body>
</html>
